<template>
  <div >
    <el-container>
      <home-header></home-header>
      <home-welcome></home-welcome>
      <home-footer ></home-footer>
    </el-container>
  </div>
</template>

<script>
import Header from "../components/Header";
import Footer from "../components/Footer";
import Welcome from "../components/Welcome";

export default {
  name: "welcomepage",
  components: {
    "home-header":Header,
    "home-footer": Footer,
    "home-welcome":Welcome,
  },
};
</script>

<style scoped>
.el-container {
  display: flex;
  flex-direction: column; 
}
</style>

